 <div class="modal"  id="reminderlist-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"  aria-hidden="true" style="display: none !important; width: 75%; left:33%;">
      <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal" aria-hidden="true">X</button>
     
      
     <!--  <button class="btn btn-primary pull-right" style="margin-right: 20px;" id="add-private-btn" aria-hidden="true">Add New Reminder</button> -->
        
        <h3 id="myModalLabel">Reminder List</h3>
      </div>
   
      <div class="modal-body">
           <div  id="reminderlistmodel" style="overflow:auto;  border-radius:5px;">
                   
           </div>   
         </div>
     <div class="modal-footer" style="height: 10px;">
          
            
          <div style="margin-top: -10px;">
              <button class="btn pull-right" data-dismiss="modal" aria-hidden="true">Close</button> 
          
        </div>  
      </div>
 </div>